<!DOCTYPE html>
<html>
<head>
<title>Gallery</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Around Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<link rel="stylesheet" href="css/lightbox.css">
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet"> 
<!-- //font-awesome icons -->
<!-- font -->
<link href='http://fonts.useso.com/css?family=Francois+One' rel='stylesheet' type='text/css'>
<!-- //font -->
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>	
<!--animate-->
<link href="css/animate.css" rel="stylesheet" type="text/css" media="all">
<script src="js/wow.min.js"></script>
	<script>
		 new WOW().init();
	</script>
<!--//end-animate-->
</head>
</head>
<body>
	<!-- header -->
	<div class="header">
		<div class="top-header">
			<div class="container">
				<div class="top-header-info">
					<div class="top-header-left wow fadeInLeft animated" data-wow-delay=".5s">
						<p>这里有你想去，但不知怎么去的决心！</p>
					</div>
					<div class="top-header-right wow fadeInRight animated" data-wow-delay=".5s">
						<div class="top-header-right-info">
							<ul>
								<li><a href="login.html">登录</a></li>
								<li><a href="signup.html">注册</a></li>
							</ul>
						</div>
						<div class="social-icons">
							<ul>
								<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
								<li><a class="twitter facebook" href="#"><i class="fa fa-facebook"></i></a></li>
								<li><a class="twitter google" href="#"><i class="fa fa-google-plus"></i></a></li>
							</ul>
						</div>
						<div class="clearfix"> </div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<div class="bottom-header">
			<div class="container">
				<div class="logo wow fadeInDown animated" data-wow-delay=".5s">
					<h1><a href="index.html"><img src="images/logo.jpg" alt="" /></a></h1>
				</div>
				<div class="top-nav wow fadeInRight animated" data-wow-delay=".5s">
					<nav class="navbar navbar-default">
						<div class="container">
							<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">Menu						
							</button>
						</div>
						<!-- Collect the nav links, forms, and other content for toggling -->
						<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							<ul class="nav navbar-nav">
								<li><a href="index.html" class="active">主页</a></li>
								<li><a href="about.html">简介</a></li>
								<!-- <li><a href="codes.html">Codes</a></li> -->
								<li><a href="#" class="dropdown-toggle hvr-bounce-to-bottom" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">展览<span class="caret"></span></a>
									<ul class="dropdown-menu">
										<li><a class="hvr-bounce-to-bottom" href="gallery1.html">浏览1</a></li>
										<li><a class="hvr-bounce-to-bottom" href="gallery2.html">浏览2</a></li>          
									</ul>
								</li>	
								<li><a href="blog.html">博客</a></li>
								<li><a href="contact.html">联系我们</a></li>
							</ul>	
							<div class="clearfix"> </div>
						</div>	
					</nav>		
				</div>
			</div>
		</div>
	</div>
	<!-- //header -->
	
	<!-- gallery -->
		<div class="gallery">
			<div class="container">
				<div class="gallery-heading">
					<h2>浏览</h2>
					<p>小众旅游更深入，更独特，需要体验到当地的生活文化和人文精神，或者以旅行为形式来实现某种专业或个人特定的目标。小众旅游小众、个性，与大众的观光旅游存在较大不同。</p>
				</div>
				
				<div class="gallery-grids">
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g1.jpg" alt="" />
									<figcaption>
										<h3>三亚</h3>
										<p>三亚，简称崖，古称崖州，别称鹿城，地处海南岛的最南端，又被称为“东方夏威夷”</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g2.jpg" alt="" />
									<figcaption>
										<h3>浙江乌镇</h3>
										<p>典型的中国江南水乡古镇，于1991年被评为浙江省历史文化名城</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g3.jpg" alt="" />
									<figcaption>
										<h3>洪崖洞黄金楼</h3>
										<p>远近闻名的“一态、三绝、四街、八景”</p>
									</figcaption>		
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/3.jpg" data-lightbox="example-set" data-title="">
									<img src="images/3.jpg" alt="" />
									<figcaption>
										<h3>洪崖洞黄金楼</h3>
										<p>远近闻名的“一态、三绝、四街、八景”</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/7.jpg" data-lightbox="example-set" data-title="">
									<img src="images/7.jpg" alt="" />
									<figcaption>
										<h3>浙江乌镇</h3>
										<p>典型的中国江南水乡古镇，于1991年被评为浙江省历史文化名城</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/8.jpg" data-lightbox="example-set" data-title="">
									<img src="images/8.jpg" alt="" />
									<figcaption>
										<h3>泾县桃花潭</h3>
										<p>旧有诗云：“十里查村九里烟，三溪环绕万户间。寺庙亭台塔影下，小桥流水杏花天。”</p>
									</figcaption>		
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g1.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g1.jpg" alt="" />
									<figcaption>
										<h3>三亚</h3>
										<p>三亚，简称崖，古称崖州，别称鹿城，地处海南岛的最南端，又被称为“东方夏威夷”</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g2.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g2.jpg" alt="" />
									<figcaption>
										<h3>浙江乌镇</h3>
										<p>典型的中国江南水乡古镇，于1991年被评为浙江省历史文化名城</p>
									</figcaption>	
								</a>
							</figure>
						</div>
					</div>
					<div class="col-md-4 gallery-grid wow fadeInUp animated" data-wow-delay=".5s">
						<div class="grid">
							<figure class="effect-apollo">
								<a class="example-image-link" href="images/g3.jpg" data-lightbox="example-set" data-title="">
									<img src="images/g3.jpg" alt="" />
									<figcaption>
										<h3>洪崖洞黄金楼</h3>
										<p>远近闻名的“一态、三绝、四街、八景”</p>
									</figcaption>		
								</a>
							</figure>
						</div>
					</div>
					<div class="clearfix"> </div>
					<script src="js/lightbox-plus-jquery.min.js"> </script>
				</div>
			</div>
		</div>
	<!-- //gallery -->
	
	<!-- footer -->
	<div class="footer">
		<div class="container">
			<div class="footer-grids">
				<div class="col-md-3 footer-nav wow fadeInLeft animated" data-wow-delay=".5s">
					<h4>导航</h4>
					<ul>
						<li><a href="about.html">简介 About</a></li>
						<li><a href="gallery1.html">展览 Gallery</a></li>
						<li><a href="blog.html">博客 Blog</a></li>
						<li><a href="contact.html">联系我们 Contact</a></li>
					</ul>
				</div>
				<div class="col-md-5 footer-nav wow fadeInUp animated" data-wow-delay=".5s">
					<h4>新闻</h4>
					<p>景点新闻早知道，输入您的邮箱免费订阅</p>
					<form>
						<input type="email" id="mc4wp_email" name="EMAIL" placeholder="请输入您的邮箱" required="">
						<input type="submit" value="订阅">
					</form>
				</div>
				<div class="col-md-4 footer-nav wow fadeInRight animated" data-wow-delay=".5s">
					<h4>最近消息</h4>
					<div class="news-grids">
						<div class="news-grid">
							<h6>09/01/2021 : <a href="single.html">山东打好“五张牌”建设黄河文化旅游带</a></h6>
							<h6>13/07/2021 : <a href="single.html">黄金周新疆旅游区揽金23.42亿 收入同比翻倍</a></h6>
							<h6>13/02/2021 : <a href="single.html">“休闲汇”助力黄金周 烟台旅游总收入7352万</a></h6>
							<h6>28/11/2021 : <a href="single.html">海南黄金周旅游收入达11.39亿 较去年同期增28.05%</a></h6>
							<h6>19/01/2021 : <a href="single.html">大众旅游时代乡村旅游的新趋势</a></h6>
							<h6>23/02/2021 : <a href="single.html">不妨以门票优惠撬动冬春旅游市场</a></h6>
						</div>
					</div>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="copyright wow fadeInUp animated" data-wow-delay=".5s">
				<!-- <p>Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p> -->
			</div>
		</div>
	</div>
	<!-- //footer -->
</body>	
</html>